.baseSpan {
  font-family: $primary-font-family;
  color: $white-color;
}

.login {
  background: url("../images/login/banner.png");
  background-size: 100%;
  width: 100%;
  height: 100%;

  md-toolbar span {
    @extend .baseSpan;
    /*font-size: $cardTitleFontSize;*/
    font-size: 26px;
  }
  md-content {
    height: 322px;
    width: 602px;
  }

  md-input-container {
    margin: 12px 0 0 10px;
  }
  section {
    margin: 0 0 30px 0;
  }
  i {
    width: 24px;
    height: 24px;
    margin-right: 1px;
    line-height: 70px;
  }
}

.loginCode {
  width: 371px;
  img {
    width: 80px;
    height: 40px;
  }
  md-input-container {
    width: 266px;
  }
}

.loginInput {
  width: 371px;

  md-input-container {
    width: 346px;
  }
}

.loginButton {
  @extend .btnRadius;

  width: 400px;
  height: 56px;
  border-color: #2a9dff;
  color: $white-color !important;
  font-size: $bigBaseFontSize;
}

.editPassword {

  width: 510px;
  md-toolbar {
    @extend .baseSpan;
    padding-left: 20px;
    > div.md-toolbar-tools {
      padding: 0 20px 0 0;
    }
  }

  md-dialog-content {
    height: 306px;
    width: 510px;
  }

  md-content {
    padding-top: 30px;
  }

  md-button {
    height: 56px;
    width: 370px;
  }
  md-input-container {
    height: 58px;
    margin: 0;
    width: 370px;
  }
  section {
    margin: 14px 0 0 0;
    button {
      @extend .btnRadius;
      width: 370px;
      height: 46px;
    }
  }

}